<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Selecionar Produtos</title>
</h:head>
<h:body>
	<h3>Selecione os Produtos para adicionar a sua lista</h3>
	<h:selectManyCheckbox>
	
	</h:selectManyCheckbox>
	
	<h:form id="selecProdutos">
		<p:remoteCommand name="nomeComando" action="#{produtoBean.selecaoProduto}"/> 
		<p:dataTable value="#{produtoBean.listProduto}" var="produto" style="width:80%" styleClass="table table-hover" 
				selection="#{produtoBean.selecaoProduto}" update="qualquerocoisa" onselectComplete="nomeComando();" emptyMessage="Nenhum resultado" rowKey="#{produto.codigo}" >
				
			<p:column selectionMode="multiple" style="width:2%" /> 
				
				<!-- 
			<p:column>
				<f:facet name="header">Seleção</f:facet>
				<p:selectBooleanCheckbox value="#{produto.codigo}"></p:selectBooleanCheckbox>
				<h:selectBooleanCheckbox>teste1</h:selectBooleanCheckbox>
				<h:inputHidden value="#{produto.codigo}"></h:inputHidden>
				<p:selectBooleanCheckbox value="#{produto.codigo}" />
				<h:selectBooleanCheckbox value="#{produto.codigo}" />
			</p:column>
				 -->
			<p:column>
				<f:facet name="header">Código</f:facet>
				<h:outputText value="#{produto.codigo}"></h:outputText>
			</p:column>
			<p:column>
				<f:facet name="header">Descrição</f:facet>
				<h:outputText value="#{produto.descricao}"></h:outputText>
			</p:column>
			<p:column>
				<f:facet name="header">Imagem</f:facet>
				<h:outputText value="#{produto.imagem}"></h:outputText>
			</p:column>
			<p:column>
				<f:facet name="header">Valor</f:facet>
				<h:outputText value="#{produto.valor}">
				<f:convertNumber type="currency" pattern="#0.00" groupingUsed="true" minFractionDigits="1"></f:convertNumber>
				</h:outputText>
			</p:column>
			<p:column>
				<f:facet name="header">Categoria</f:facet>
				<h:outputText value="#{produto.categoria.descricao}"></h:outputText>
			</p:column>
			<!-- 
			<p:column width="300">
				<f:facet name="header">Ações</f:facet>
				<h:commandButton value="Consultar Débitos" disabled="#{cliente.situacao != 'ATIVO'}" action="#{debitoMB.exibirManterDebito(cliente)}"></h:commandButton> 
				&nbsp;&nbsp;
				<h:commandButton value="Desativar" disabled="#{cliente.situacao != 'ATIVO'}" action="#{clienteMB.desativarCliente(cliente)}"></h:commandButton>
			</p:column>			
			-->
		</p:dataTable>
		
		<h:commandButton action="#{produtoBean.salvar}" value="Salvar Seleção"/>
	</h:form>
</h:body>
</html>